488. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:33 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

488.1 Files compared

#LocationFileLast Modified
12021-05-13 09:09:33 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_cssdesign_demo29_en.css2021-04-20 08:23:10 +0000

488.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged00
Changed00
Inserted1249
Removed00

488.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

488.4 Active regular expressions

No regular expressions were active.

488.5 Comparison detail

    1 /**
    2  * WARNING: Do not change this file. Your changes will be lost.
    3  * 2021-04-20 08:23:10 */
    4 
    5 body {
    6         font-size: 14px;
    7         font-family: Poppins;
    8 }
    9 html .background-color-primary {
    10     background-color: #0078f2 !important;
    11 }
    12 .theme-color{color:#0078f2 !important;}
    13 .theme-hover-color:hover{color:#0078f2 !important;}
    14 .theme-bg-color{background-color:#0078f2 !important;}
    15 .theme-border-color{border-color:#0078f2 !important;}
    16 .theme-hover-bg-color:hover{background-color:#0078f2 !important;}
    17 a,a:hover, .minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before, .owl-theme .owl-controls .owl-nav [class*=owl-], .recent-posts .post-date .day, .minicart-wrapper .action.showcart:hover:before, .minicart-wrapper .action.showcart:active:before, .minicart-wrapper .action.showcart.active:before, .minicart-wrapper .action.showcart.active:hover:before, .sorter-action:hover:before, .page-main > .page-title-wrapper .page-title, .cart.table-wrapper .actions-toolbar > .action-edit:hover:before, .cart.table-wrapper .actions-toolbar > .action-delete:hover:before, .paypal-review-discount .block > .title strong, .cart-discount .block > .title strong, .authentication-wrapper button.action-auth-toggle, .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover, .opc-progress-bar-item._complete > span, .checkout-payment-method .payment-option-title .action-toggle, .checkout-payment-method .payment-option-title .action-toggle:after, .opc-block-shipping-information .shipping-information-title .action-edit:before, .opc-block-shipping-information .shipping-information-title .action-edit:hover:before, .block-collapsible-nav .item.current a, .block-collapsible-nav .item.current strong, .block-collapsible-nav .item a:hover, .block-collapsible-nav .item a:active, .block-collapsible-nav .item a:focus, .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^="sales-guest-"] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, p .alternative-font, .entry-content h3, .history h4, .nav-.block-search .label:before, .block-search .label:hover:before, .fotorama .fotorama-sprite, .page-header.type5 .search-area > a, .page-header.type5 .search-area > a:hover, .page-header.type5 .minicart-wrapper .action.showcart:before, .page-header.type5 .minicart-wrapper .action.showcart.active:before, .filterproducts-tab .data.items > .item.title[aria-expanded=true] a.switch, .qty.field .qty-changer > a:hover, .post-holder .post-date .day, .widget.block-recent-posts ul li a, .post-list .post-content .post-read-more, .post-header .post-title a, .alink:visited, a:active, .alink:active, .block-category-event > div.event-desc, .block-category-event .event-ticker .dates > div > span.desc, #ln_slider_price .ui-slider-handle, .abs-action-remove, .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel, .paypal-button-widget .paypal-button, .bundle-options-container .action.back, .block.related .action.select, .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .payment-method-billing-address .action-cancel, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address, .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit, .gift-summary .action-delete, .gift-wrapping-title .action-remove, .wishlist.split.button > .action, .abs-add-fields .action.remove, .paypal-review-discount .action.check, .cart-discount .action.check, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove,.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span,html .heading-primary, html .lnk-primary, html .text-color-primary,.modes-mode.active, .modes-mode:hover,.sidebar-main .porto-icon {color:#0078f2;}
    18 html .text-color-primary {color:#0078f2 !important;}
    19 .action.primary, .action.primary:hover, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .recent-posts .post-date .month, .footer-ribbon, button:hover, .action.primary:focus, .action.primary:active, .btn-primary, .contact-index-index .page-main .contact-info [class^="porto-icon-"], .contact-index-index .page-main .contact-info [class*=" porto-icon-"], .btn-default, .cms-index-index blockquote.testimonial, .btn-default:hover, .products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart, .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart, .post-holder .post-date .month, .page-header.type8 .header.content,.page-header.type8.header-newskin .header.content, .iwd-summary-cart, #ln_slider_price .ui-slider-handle, .filter-toggle.active,.products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2, .products-upsell .owl-middle-narrow.owl-theme .owl-controls .owl-dots .owl-dot.active span:before,.product-item-info.type3 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type3 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type4 .product-item-actions .towishlist:hover, .product-item-info.type4 .product-item-actions .tocompare:hover,.product-item-info.type5 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type5 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type6 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type6 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type7 .product-item-inner .product-item-actions>.action:hover,.product-item-info.type7 .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type9 .product-item-inner .product-item-actions>.actions-primary .tocart:hover, .product-item-info.type9 .product-item-inner .product-item-actions>.action:hover,.sw-dailydeal,.catalog-product-view .sw-dailydeal .number-wrapper,.swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected,.sidebar-main .product-banner .sale-text:before, .sidebar-main .product-banner .sale-text:after,.product-item-info.type0:hover .product-item-details .product-item-actions .tocart,.page-header.type17 .navigation:not(.side-megamenu) .level0 .level-top::before
    20     {background-color:#0078f2;}
    21 .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected
    22         {background-color:#0078f2 !important;}
    23 .action.primary, .action.primary:hover, .pages strong.page, .pages .action:hover, .pages a.page:hover, button:hover, .action.primary:focus, .action.primary:active, .products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart, .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart, .filter-toggle.active,i.ajax-loader, .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected, .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover, .swatch-option:not(.disabled):hover,.product-item-info.type3 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type3 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type4 .product-item-actions .towishlist:hover, .product-item-info.type4 .product-item-actions .tocompare:hover,.product-item-info.type5 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type5 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type6 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type6 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type0:hover .product-item-details .product-item-actions .tocart,.page-header.type18 .navigation:not(.side-megamenu) .level0 > .submenu
    24 {border-color:#0078f2;}
    25 .page-header, .authentication-dropdown, .login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage, .featured-box .box-content, .history .featured-box .box-content, .form.search.advanced, .homepage-grid-banner .ribbon:before, .testimonial .testimonial-arrow-down, #newsletter_popup, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary, .block-header-customer-login, .mfp-preloader, .ln_overlay .loader
    26     {border-top-color:#0078f2;}
    27 .minicart-wrapper .block-minicart:before, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary:before, .block-header-customer-login:before
    28     {border-bottom-color:#0078f2;}
    29 @media (max-width: 991px) {
    30     .navigation a {
    31         color: #777 !important;
    32     }
    33     .navigation a:hover, .nav-sections .header.links a:hover {
    34         color: #0078f2 !important;
    35     }
    36     header.page-header .nav-sections-item-title.active > a, header.page-header .nav-sections-item-title.active > a:hover, header.page-header .nav-sections-item-title.active > a:focus{
    37         color: #0078f2;
    38     }
    39     header.page-header .nav-sections-item-title, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:focus {
    40         background-color: #0078f2;
    41     }
    42 }
    43 @media (min-width: 992px) {
    44     .page-header .navigation li.level0 {
    45         color: #0078f2;
    46     }
    47     .page-header.type24 .navigation li.level0 > a:before {
    48         background-color: #0078f2;
    49     }
    50     .navigation .level0 .submenu {
    51         border-color:#0078f2;
    52     }
    53     .sw-megamenu.navigation.side-megamenu li.level0:hover > a,.sw-megamenu.navigation.side-megamenu li.level0.active > a {
    54         border-top-color:#0078f2;
    55     }
    56     #main-toggle-menu .menu-title:hover, #main-toggle-menu .menu-title:not(.closed) {
    57         background: #0078f2;
    58         border-right-color: #0078f2;
    59     }
    60 }
    61 html,body{color:#777}
    62 a, a:focus {color:#777}
    63 a:hover{color:#777}
    64 button.action.primary{
    65     background-color:#353a40;
    66     border-color:#353a40;
    67     color:#fff}
    68 button.action.primary:hover{
    69     background-color:#0078f2;
    70     border-color:#0078f2;
    71     color:#fff}
    72 .page-wrapper > .breadcrumbs{background-color:#222529}
    73 .page-wrapper > .breadcrumbs{color:#fff}
    74 .page-wrapper > .breadcrumbs a, .page-wrapper > .breadcrumbs a:focus{color:#fff}
    75 .page-wrapper > .breadcrumbs a:hover{color:#fff}
    76 #ln_slider_price.ui-slider-horizontal{background-color:#eee}
    77 #ln_slider_price .ui-slider-handle{background-color:#0078f2}
    78     .page-header.type1, .page-header.type23, .page-header,header.page-header.sticky-header .header-main {
    79         background-color: #2c2f33;
    80     }
    81     @media (max-width: 767px){
    82       header.page-header.sticky-header .header-main {
    83           background-color: #2c2f33;
    84       }
    85     }
    86     .page-header .header-main {
    87         color: #fff;
    88     }
    89     .page-header .header-main a, .page-header.type5 .search-area a.search-toggle-icon{
    90         color: #fff;
    91     }
    92     .cart-design-2 .action.showcart .minicart-icon {border-color: #fff;}
    93     .page-header .panel.wrapper,.main-panel-top {
    94         background-color: #222529;
    95     }
    96     .page-header .panel.wrapper, .page-header.type23 .panel.header a, .page-header.type23 .panel.header a:hover, .page-header.type23 > .panel.wrapper, .page-header.type23 .header.panel .switcher,.page-header.type24 .top-links-icon a, .page-header.type24 .top-links-icon, .page-header.type24 .panel.header .switcher {
    97         color: #fff;
    98     }
    99 @media (min-width: 992px){
    100     .page-header.type1 .nav-sections,.page-header.type2 .nav-sections, .page-header .navigation > ul, .page-header.type16.sticky-header .navigation:not(.side-megamenu) > ul, .page-header.type18 .main-menu-wrap{
    101         background-color: transparent;
    102     }
    103     .page-header.type16 .navigation:not(.side-megamenu) > ul {border-color: transparent;}
    104 }
    105 @media (min-width: 992px){
    106     .page-header .navigation li.level0,
    107     .page-header.type23 .navigation .level0 > .level-top {
    108         color: #fff;
    109     }
    110 }
    111 @media (min-width: 992px){
    112   .sw-megamenu.navigation.side-megamenu li.level0 {color: #fff;}
    113 }
    114 @media (min-width: 992px){
    115     .page-header.type1 .navigation li.level0.active, .page-header.type1 .navigation li.level0:hover,
    116     .page-header .navigation li.level0.active, .page-header .navigation li.level0:hover,
    117     .page-header.type23 .navigation .level0:hover > .level-top,
    118     .page-header.type23 .navigation .level0.active > .level-top,
    119     .page-header.type23 .navigation .level0.has-active > .level-top {
    120         background-color: #0078f2;
    121     }
    122     .page-header.type19 .navigation:not(.side-megamenu) .level0 > .submenu {
    123         border-color: #0078f2;
    124     }
    125 }
    126 @media (min-width: 992px){
    127   .sw-megamenu.navigation.side-megamenu li.level0:hover,
    128   .sw-megamenu.navigation.side-megamenu li.level0.active {
    129     background-color: #0078f2;
    130   }
    131   .sw-megamenu.navigation.side-megamenu li.level0:hover > a {
    132       border-top-color: #0078f2;
    133   }
    134 }
    135 @media (min-width: 992px){
    136     .page-header .navigation li.level0.active,
    137     .page-header .navigation li.level0:hover,
    138     .page-header.type23 .navigation .level0.active > .level-top,
    139     .page-header.type23 .navigation .level0.has-active > .level-top {
    140         color: #fff;
    141     }
    142     .page-header.type2 .navigation .level0 .level-top:before {
    143         background-color: #fff;
    144     }
    145 }
    146 @media (min-width: 992px){
    147   .sw-megamenu.navigation.side-megamenu li.level0:hover,
    148   .sw-megamenu.navigation.side-megamenu li.level0.active {
    149     color: #FFFFFF;
    150   }
    151 }
    152 @media (min-width: 992px){
    153     .navigation .level0 .submenu a {
    154         color: #696969;
    155     }
    156 }
    157 @media (min-width: 992px){
    158     .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus {
    159         background-color: #f4f4f4;
    160     }
    161 }
    162 @media (min-width: 992px){
    163     .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus {
    164         color: #696969;
    165     }
    166 }
    167 @media (min-width: 992px){
    168     .sw-megamenu.navigation li.level0.fullwidth > .submenu a, .sw-megamenu.navigation li.level0.staticwidth > .submenu a {
    169         color: #696969;
    170     }
    171 }
    172 @media (min-width: 992px){
    173     .sw-megamenu.navigation li.level0.fullwidth > .submenu a:hover, .sw-megamenu.navigation li.level0.staticwidth > .submenu a:hover {
    174         color: #696969;
    175     }
    176 }
    177 .search-area .block.block-search {
    178   background-color: #fff;
    179 }
    180 .search-area {
    181   color: #555;
    182 }
    183 .search-area {
    184   border-color: #ccc;
    185 }
    186 @media (min-width: 768px){
    187     .header.panel .minicart-wrapper .action.showcart .counter.qty {
    188         color: #FFFFFF;
    189     }
    190 }
    191 @media (min-width: 992px){
    192      .page-header .minicart-wrapper .action.showcart, .page-header .minicart-wrapper .action.showcart:before, .page-header .minicart-wrapper .action.showcart.active:before, .page-header.type18 .wishlist {
    193         color: #fff;
    194     }
    195     .cart-design-2 .action.showcart .minicart-icon {border-color: #fff;}
    196 }
    197 .footer-top{
    198     background-color:#1c1e21;
    199 }
    200 .footer-top{
    201     color:#999;
    202 }
    203 .footer-top a {
    204     color:#999;
    205 }
    206 .footer-top a:hover{
    207     color:#999;
    208 }
    209 .footer-middle{
    210     background-color:#1c1e21;
    211 }
    212 .footer-middle, .footer-middle p{
    213     color:#999;
    214 }
    215 .footer-middle a{
    216     color:#999;
    217 }
    218 .footer-middle a:hover,.footer .widget .tagcloud a:hover{
    219     color:#FFFFFF;
    220 }
    221 .footer .widget .tagcloud a:hover {border-color: #FFFFFF;}
    222 .footer-middle .block .block-title strong, .footer .widget-title,.footer .contact-details strong{
    223     color:#FFFFFF;
    224 }
    225 .footer-middle [class^="porto-icon-"].theme-color, .footer-middle [class*=" porto-icon-"].theme-color{
    226     color:#FFFFFF !important;
    227 }
    228 .footer .footer-ribbon{
    229     background-color:#0078f2;
    230 }
    231 .footer .footer-ribbon:before{
    232     border-right-color:#0078f2;
    233     border-left-color:#0078f2;
    234 }
    235 .footer-ribbon span{
    236     color:#fff;
    237 }
    238 .footer-bottom{
    239     background-color:#222529;
    240 }
    241 .footer-bottom, .footer-bottom p{
    242     color:#777;
    243 }
    244 .footer-bottom a{
    245     color:#777;
    246 }
    247 .footer-bottom a:hover{
    248     color:#777;
    249 }